<template>
  <el-container direction="vertical">
    <el-header>
      <h3>会议筹备</h3> 
    </el-header>
    
    <el-main>
      <div class="block-wrap">

        <el-table :data="tableData" stripe>
          <el-table-column
            type="selection"
            width="50"
            align="center">
          </el-table-column>
          <el-table-column v-for="col in columns"
            :prop="col.id"
            :key="col.id"
            :label="col.label"
            :width="col.width ? col.width : ''">
          </el-table-column>
          <el-table-column label="筹备操作" width="452">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="$router.push({name: 'detail'})">邀请人员</el-button>
              <el-button type="text" size="small">报名分享</el-button>
              <el-button type="text" size="small">报名审核</el-button>
              <el-button type="text" size="small" @click="$router.push({name: 'meetingDetail'})">编辑会议</el-button>
              <el-button type="text" size="small">开始会议</el-button>
              <el-button type="text" size="small">参会者统计</el-button>
            </template>
          </el-table-column>
          <el-table-column label="筹备统计" width="302">
            <p class="margin-b-0" slot-scope="scope">{{ scope.row.name }}</p>
          </el-table-column>
        </el-table>
        <el-pagination
          class="margin-t-15"
          :current-page="$store.state.pagination.pageNum"
          :page-sizes="[20, 40, 80, 100]"
          :page-size="20"
          layout="total, sizes, prev, pager, next, jumper"
          :total="100" background>
        </el-pagination>
      </div>
    </el-main>
  </el-container>
</template>
<script>
  export default {
    data () {
      return {
        searchForm: {
          keyword: '',
          check: [],
          check2: []
        },
        tableData: [
          {
            series: 'dgfh5dgfjh4sh2sfg4h56fdh',
            name: '名字',
            des: '描述'
          },
          {
            series: 'dgfh5dgfjh4sh2sfg4h56fdh',
            name: '名字2',
            des: '描述2'
          }
        ],
        columns: [
          {
            id: 'series',
            label: '序号',
          },
          {
            id: 'name',
            label: '标题',
          },
          {
            id: 'des',
            label: '创建时间',
          },
          {
            id: 'status',
            label: '会议状态',
          }
        ]
      }
    },
    mounted () {
      this.getRouter()
    },
    methods: {
      /**
       * 获取路由 , 保存至面包屑
       * @return {[type]} [description]
       */
      getRouter () {
        console.log(this.$route)
        this.routes = this.$route.matched
      },
      goBack () {
        
      }
    }
  }
</script>